總結回顧

今天是發文的第30天，我想分享使用 Next.js 實作屋況查詢評估專家網站的經驗。從一開始的概念發想到具體的實施，每個步驟都需要仔細考慮與決策。我首先決定使用 Next.js 作為前後端整合的全端框架，因為它不僅能處理現代網頁開發需求，還特別擅長 SEO 優化，這對提升網站可見性至關重要。

在設計使用者介面時，我重視提升操作流暢度，確保使用者可以輕鬆查詢屋況評估資訊。實現功能時，我學習並應用了 react-hook-form 來整合表單驗證機制，使得使用者資料的輸入和提交更有效率。為了增加程式碼的安全性和可維護性，我使用了 TypeScript 進行靜態編譯和型別檢查，這不僅讓程式碼更加健全，也能更早發現潛在的錯誤。

前端的切版部分，我使用了 Tailwind CSS 框架，從建立網站基本樣式主題到切出各種大小區塊，不論是使用 Flexbox 還是 Grid，我都進行了深入的練習和應用。

下一個里程碑

接下來，我將專注於以下幾個方面，以進一步完善網站並提升個人技術：

練習 JavaScript ES6 以上技術：持續鞏固基礎知識，熟練掌握最新的 JavaScript 特性，以便在實作中靈活運用。

精通 TypeScript 的 Utility Type：熟悉 Partial、Pick、Omit 等工具類型的使用，靈活操作和擴展 Schema 型別，提升程式碼的彈性與安全性。

提升設計稿還原度：加強對設計稿的理解與敏銳度，力求更精確地將設計稿轉化為網頁，確保介面的一致性和美觀性。

提高對 CSS 的敏銳度：訓練自己能夠在看到版型時，立即想到如何使用 Emmet 快速撰寫 HTML 結構，並有效應用 CSS 進行樣式設計。

熟悉 Next.js 官網文件：深入學習 Next.js 的官方文檔，尤其是熟悉 App Router 資料夾結構操作，提升使用 Next.js 的能力和效率。

重新理解 React Hook：回顧並深入理解 React Hook 的使用原理和最佳實踐，確保在專案中能夠有效應用各種 Hook。

感謝

特別感謝ChatGPT，不論我提出什麼問題，它都能夠給予新手友好的建議，幫助我一步步完成這個專案。最重要的是，感謝每一位願意停下來閱讀這篇文章的每一位人，你們的支持是我持續努力的動力。

附上Github作品連結 (請鞭小力一點XD)

前端專案
後端專案